{% extends "configurarProyectoLayout.html" %}
{% block subbody %}

<script>
	function consultar() {
		var valor;
		if (document.form.check.value != null && document.form.check.checked) {
			valor = document.form.check.value;
		} else {
			for (i = 0; i < document.form.check.length; i++) {
				if (document.form.check[i].checked) {
					valor = document.form.check[i].value;
				}
			}
		}
		if (valor != null) {
			window.location.href = "consultarFase?idfase=" + valor
					+ "&filtro=" + document.form.filtro.value + "&idproyecto=" + document.form.idproyecto.value;
		} else {
			alert('Seleccionar una fase');
		}

	}
	function edit() {
		var valor;
		if (document.form.check.value != null && document.form.check.checked) {
			valor = document.form.check.value;
		} else {
			for (i = 0; i < document.form.check.length; i++) {
				if (document.form.check[i].checked) {
					valor = document.form.check[i].value;
				}
			}
		}
		if (valor != null) {
			window.location.href = "modificarFase?idfase=" + valor
					+ "&filtro=" + document.form.filtro.value + "&idproyecto=" + document.form.idproyecto.value;
		} else {
			alert('Seleccionar una fase');
		}
	}
	function abrirFase() {
		var valor;
		var filtro = document.form.filtro.value;
		if (document.form.check.value != null && document.form.check.checked) {
			valor = document.form.check.value;
		} else {
			for (i = 0; i < document.form.check.length; i++) {
				if (document.form.check[i].checked) {
					valor = document.form.check[i].value;
				}
			}
		}
		
		if (valor != null) {
				window.location.href = "abrirFase?idfase=" + valor
				+ "&filtro=" + document.form.filtro.value + "&idproyecto=" + document.form.idproyecto.value;		
		} else {
			alert('Seleccionar una fase');
		}
	}
	function inicializarFase() {
		var valor;
		if (document.form.check.value != null && document.form.check.checked) {
			valor = document.form.check.value;
		} else {
			for (i = 0; i < document.form.check.length; i++) {
				if (document.form.check[i].checked) {
					valor = document.form.check[i].value;
				}
			}
		}
		if (valor != null) {
			window.location.href = "inicializarFase?idfase=" + valor
					+ "&filtro=" + document.form.filtro.value + "&idproyecto=" + document.form.idproyecto.value;
		} else {
			alert('Seleccionar una fase');
		}
	}
	function cerrarFase() {
		var valor;
		if (document.form.check.value != null && document.form.check.checked) {
			valor = document.form.check.value;
		} else {
			for (i = 0; i < document.form.check.length; i++) {
				if (document.form.check[i].checked) {
					valor = document.form.check[i].value;
				}
			}
		}
		if (valor != null) {
			window.location.href = "cerrarFase?idfase=" + valor
					+ "&filtro=" + document.form.filtro.value + "&idproyecto=" + document.form.idproyecto.value;
		} else {
			alert('Seleccionar una fase');
		}
	}
</script>
<body>
	<center>
		<div class="titulorojo">GESTIONAR FASES</div>
	</center>
	<center>
		<form name="form" method="POST" action="gestionarFases">
			<input type="hidden" name="idproyecto" value="{{ idproyecto }}">
			<input type="hidden" name="filtro" value="{{ filtro }}">
			<table>
				<tr>
					{% if '00023' in session["permisos"] %}
					<td><button type="button" onClick="consultar()">
							<img src="{{ url_for('static', filename='preview.png') }}">
						</button></td>
					{% endif %}
					{% if '00020' in session["permisos"] %}
					<td><button type="button" onClick="edit()">
							<img src="{{ url_for('static', filename='edit.png') }}">
						</button></td>
					{% endif %}
					{% if '00019' in session["permisos"] %}
					<!--  <td><button type="button" onClick="inicializarFase()">
							Inicializar
						</button></td>-->
					{% endif %}
					<!--  {% if '00021' in session["permisos"] %}
					<td><button type="button" onClick="abrirFase()">
							Abrir
					</button></td>
					{% endif %}-->
					{% if '00022' in session["permisos"] %}
					<td><button type="button" onClick="cerrarFase()">
							Cerrar
					</button></td>
					{% endif %}
				</tr>
			</table>
			<br>
			<table id="tabla" name="tabla" border=1 cellpadding=2 cellspacing=1
				width=100% align=center bgcolor=#E5E5E5>
				<tr>
					<th class=titulochico width='20%'>Nombre</th>
					<th class=titulochico width='10%'>Numero</th>
					<th class=titulochico width='20%'>Descripcion</th>
					<th class=titulochico width='10%'>Estado</th>
					<th class=titulochico width='15%'>Cantidad Items</th>
					<th class=titulochico width='15%'>Cantidad LB</th>
					<th class=titulochico width='10%'>Marcar</th>
				</tr>
				{% for fase in fases : %}
				</tr>
				<td align=center>{{ fase.nombre }}</td>
				<td align=center>{{ fase.numero }}</td>
				<td align=center>{{ fase.descripcion }}</td>
				<td align=center>{{ fase.estadofase.nombre }}</td>
				<td align=center>{{ fase.cant_items }}</td>
				<td align=center>{{ fase.cant_lineabase }}</td>
				<td align=center><input type="radio" name="check"
					value="{{ fase.idfase }}"></td>
				</tr>
				{% endfor %}
			</table>
			<script type="text/javascript">
				$().ready(function() {
					$("#tabla").tableSorter({
						sortClassAsc : 'headerSortUp',
						sortClassDesc : 'headerSortDown',
						headerClass : 'header',
						disableHeader : 'ID'
					}).tableEditor({
						COL_APPLYCLASS : true,
						EDIT_HTML : 'edit',
						SAVE_HTML : 'save',
						EVENT_LINK_SELECTOR : 'button.eventLink',
						FUNC_POST_EDIT : 'postEdit'
					});

					document.counter = 1;
				});
			</script>
		</form>
	</center>
</body>
{% endblock %}
